<style lang="scss" scoped>
.add-account{
    
}
    
</style>

<template>
    <div class="add-account">
        <Modal v-model="showModal" title="提现账号"  :mask-closable="false" :width="600" :closable="false">
            <Form ref="detailRole" :model="formItem" :label-width="90" >
                
                <FormItem label="账号类型：" prop="roleName">
                    <Select v-model="formItem.roleName" placeholder="请选择">
                        <Option value="0" >对公账号</Option>
                        <Option value="1">对私账号</Option>
                    </Select>
                </FormItem>

                <FormItem label="账号：" prop="mail" >
                    <Input v-model="formItem.mail" placeholder="请输入"></Input>
                </FormItem>

                <FormItem label="开卡省市：" prop="address" >
                    <Map/>
                </FormItem>

                <FormItem label="开户银行：" prop="address" >
                    <Select v-model="formItem.city" placeholder="请选择">
                    
                        <Option value="0"  >中国银行</Option>
                        <Option value="1"  >中国农业银行</Option>
                        <Option value="2"  >中国商业银行</Option>
                        <Option value="3"  >中国工商银行</Option>
                        <Option value="4"  >中国招商银行</Option>
                        <Option value="5"  >中国银行</Option>
                        <Option value="6"  >中国银行</Option>
                    
                </Select>
                </FormItem>
                <FormItem label="账户名称：" prop="mail" >
                    <Input v-model="formItem.mail" placeholder="请输入"></Input>
                </FormItem>
                



            </Form>
            <div slot="footer">
                <Button type="default"  @click="$emit('addAccountChange',false)">取消</Button>
                <Button type="primary"  @click="$emit('addAccountChange',false)">确定</Button>
            </div>
        </Modal>
        
    </div>
</template>

<script>
import Map from './Map'
export default {
    name:'addAccount',
    components:{Map},
    data(){
        return {
            // showModal:true,
            formItem:{
                roleName:'0'
            }
            
        }
    },
    props:{
        showModal:Boolean,


    }

}
</script>